<template>
    <div>
        <div @click="toggler = !toggler">
            <slot name="button"></slot>
        </div>
        <teleport to="body">
            <vue-easy-lightbox
            escDisabled
      moveDisabled
      :visible="toggler"
      :imgs="link"
      :index="0"
      @hide="toggler = !toggler"
    ></vue-easy-lightbox>
        </teleport>

    </div>
</template>

<script>


export default {
    props: ['link'],
    data() {
        return {
            toggler: false
        }
    }
}
</script>